<template>
  <Grid transfer-style :column="column" :gap="gap">
    <GridItem v-for="(img, idx) in items" :key="idx">
      <Image :src="img" v-bind="$attrs" />
    </GridItem>
  </Grid>
</template>

<script setup>
import { Grid, GridItem } from '../grid';
import Image from './image.vue';

const props = defineProps({
  column: Number,
  gap: {
    type: Number,
    default: 0,
  },
  items: {
    type: Array,
    required: true,
  },
  more: {
    type: Array,
    default: () => [],
  },
});
</script>
